import { createApp } from 'vue'
import 'normalize.css';
import router from './router/';
import App from './App.vue'
import "amfe-flexible/index.js";
import focusable from 'vue-tv-focusable'
// element icon图标
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
// animate.css动画库
import 'animate.css/animate.min.css'
// 公共静态组件
import focusBox from '@/components/focusBox.vue';
import devImg from '@/components/devimg.vue';

const app = createApp(App);

for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.component('focusbox',focusBox)
app.component('devimg',devImg)
app.config.globalProperties.$tv = focusable
app.use(router).use(router).use(ElementPlus, {locale: zhCn}).use(focusable);
// 路由准备完毕再挂载
router.isReady().then(() => app.mount('#app'));
